<!-- INICIO DO CSS MODAL -->
		<style type="text/css">
		.fundo {
		 opacity: .70;filter:Alpha(Opacity=70);
		 
		  }
		
		a {color:#333; text-decoration:none}
		a:hover {color:#ccc; text-decoration:none}
		
		#mask {
		  position:absolute;
		  left:0;
		  top:0;
		  z-index:9000;
		  background-color:#000;
		  display:none;
		}
		  
		#boxes .window {
		  position:absolute;
		  left:0;
		  top:0;
		  width:1000px;
		  height:800px;
		  display:none;
		  z-index:9999;
		  padding:20px;
		}
	
		#boxes #dialog2 {
		  background:url(./img/fundo.png) no-repeat 0 0 transparent; 
		  width:900px; 
		  height:400px;
		  modal:true;
		  
		}
		#boxes #dialog1 {
		  background:url(./img/fundo.png) no-repeat 0 0 transparent; 
		  width:900px; 
		  height:400px;
		  modal:true;
		  
		}
		.close{display:block; text-align:right;}
		
		</style>
		<!-- FIM DO CSS MODAL -->
		
		<!-- INICIO DO EFEITO MODAL -->
	<script type="text/javascript">
		
		$(document).ready(function() {	
		
			$('a[name=modal]').click(function(e) {
				e.preventDefault();
				
				var id = $(this).attr('href');
			
				var maskHeight = $(document).height();
				var maskWidth = $(window).width();
			
				$('#mask').css({'width':maskWidth,'height':maskHeight});
		
				$('#mask').fadeIn(1000);	
				$('#mask').fadeTo("slow",0.8);	
			
				//Get the window height and width
				var winH = $(window).height();
				var winW = $(window).width();
		              
				$(id).css('top',  winH/2-$(id).height()/2);
				$(id).css('left', winW/2-$(id).width()/2);
			
				$(id).fadeIn(2000); 
			
			});
			
			$('.window .close').click(function (e) {
				e.preventDefault();
				
				$('#mask').hide();
				$('.window').hide();
			});		
			
			$('#mask').click(function () {
				$(this).hide();
				$('.window').hide();
			});			
			
		});
		 $(function() {
			  $( "#dialog2" ).dialog({
			  width:500,
			  height: 300,
			  modal: true
			  });
			  });
		 $(function() {
			  $( "#dialog1" ).dialog({
			  width:500,
			  height: 300,
			  modal: true
			  });
			  });
		 function clickListener(e){  

			  var codigo = e.getAttribute(codigo);
		}
		</script>
		<!-- FIM DO EFEITO MODAL -->